<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>用户信息</title>
    <link rel="stylesheet" href="">
    <link rel="shortcut icon" href="images/logo.jpg">
    <link rel="stylesheet" type="text/css" href="../css/global.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/userInfo.css">
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Le fav and touch icons -->
</head>

<body>
    <div class="container" id="box">
        <form action="">
            <div class="input-group"><span class="input-group-addon">用户ID：</span><input type="text" class="form-control" v-model="userid" name="userid" readonly=""></div>
            <div class="input-group"><span class="input-group-addon">用户名：</span><input type="text" class="form-control" v-model="username" name="username" readonly=""></div>
            <div class="input-group"><span class="input-group-addon">密&nbsp;&nbsp;&nbsp;码：</span><input type="text" class="form-control" v-model="passwd" name="passwd"></div>
            <div class="input-group"><span class="input-group-addon">年&nbsp;&nbsp;&nbsp;龄：</span><input type="text" class="form-control" v-model="age" name="age"></div>
            <div class="input-group"><span class="input-group-addon">地&nbsp;&nbsp;&nbsp;址：</span><input type="text" class="form-control" v-model="addr" name="addr"></div>
            <div class="input-group"><span class="input-group-addon">邮&nbsp;&nbsp;&nbsp;箱：</span><input type="text" class="form-control" v-model="email" name="email"></div>
            <div class="input-group"><span class="input-group-addon">公&nbsp;&nbsp;&nbsp;司：</span><input type="text" class="form-control" v-model="company" name="company"></div>
            <div class="input-group">
                <span class="input-group-addon">性&nbsp;&nbsp;&nbsp;别：</span>
                <div class="gender">
                    <label class="radio-inline">
                        <input type="radio" name="gender" v-model="gender" value="1"> 男
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="gender" v-model="gender" value="0">女
                    </label>
                </div>
            </div></br>
            <div class="form-group">
                <button type="button" v-on:click="cancel" class="button btn-success col-md-3 col-md-offset-2">取消</button>
                <button type="button" v-on:click="edit" class="button btn-success col-md-3 col-md-offset-2">修改</button>
            </div>
        </form>
    </div>
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8" async defer></script>
    <script src="../js/vue.min.js" type="text/javascript" charset="utf-8" async defer></script>
    <script src="../js/vue-router.js" type="text/javascript" charset="utf-8" async defer></script>
    <script src="../js/vue-resource.min.js" type="text/javascript" charset="utf-8" async defer></script>
    <script src="../js/userInfo.js" type="text/javascript" charset="utf-8" async defer></script>
</body>

</html>